<div data-role="page" data-add-back-btn="true" id="alerts">
  <div data-role="header" data-position="fixed" data-theme="b">
    <h1>Local alerts</h1>
	<a href="#home" data-icon="home" data-direction="reverse" data-iconpos="notext" class="ui-btn-right">Home</a>
  </div>
  <div data-role="content">
    <div data-role="collapsible-set">
    <div data-role="collapsible" data-collapsed="true" data-content-theme="e"> 
      <h2>Flooding</h2>
      <script type="text/javascript">
        $(document).ready(function () {
          $('#rss-floods').rssfeed('http://www.environment-agency.gov.uk/homeandleisure/floods/35078.aspx', {
            limit: 4, header: false, date: false, content: false
          });
        });
      </script>
      <div id="rss-floods"></div>
      <p><em>Content supplied by the Environment Agency.</em></p>
    </div>
    <div data-role="collapsible" data-collapsed="true" data-content-theme="e"> 
      <h2>Traffic</h2>
      <script type="text/javascript">
        $(document).ready(function () {
          $('#rss-traffic').rssfeed('http://www.highways.gov.uk/rssfeed/NorthEast.xml', {
            limit: 10, header: false, date: false, content: false
          });
        });
      </script>
      <div id="rss-traffic"></div>
      <p><em>Content supplied by the Highways Agency.</em></p>
    </div>
    <div data-role="collapsible" data-collapsed="true" data-content-theme="e"> 
      <h2>Weather</h2>
      <script type="text/javascript">
        $(document).ready(function () {
          $('#rss-weather').rssfeed('http://www.metoffice.gov.uk/xml/warnings_rss_yh.xml', {
            limit: 5, header: false, date: false, content: false
          });
        });
      </script>
      <div id="rss-weather"></div>
      <p><em>Content supplied by the Met Office.</em></p>
    </div>
    </div>
    <ul data-role="listview" data-inset="true">
	  <li><a href="ringmaster.html"><img src="../images/ringmaster.png" class="ui-li-icon">Ringmaster</a></li>
    </ul>
  </div>
</div>